<template>
	<div>
		<el-row :span="24">
			<el-col :ms="24" :xs="0">
				<PcHedaer ref="pcHedaer"></PcHedaer>
				<div class="pc_con">
					<PcDrawer ref="pcDrawer" :navIndex="navIndex1" :navs="navs" :changeNav="changeNav1"></PcDrawer>
					<div class="pc_conbox">
						<div class="pc_conboxs">
							<div class="navbar">
								<div class="left" @click="back1">
									<i style="display: inline-flex; justify-content: center; align-items: center;">
										<svg viewBox="0 0 21.999 35.998" width="1em" height="1em" fill="currentColor"
											aria-hidden="true" focusable="false">
											<use xlink:href="/icons/icon.svg#comm_icon_fh--sprite"></use>
										</svg>
									</i>
									<span>{{ $t('l_fanhui') }}</span>
								</div>
								<div class="center">
									<img style="transform: rotate(180deg);" src="../../assets/images/yh/jiantou.png"
										alt="">
									<div class="pc_title">{{ $t('l_guanlizhanghu') }}</div>
									<img src="../../assets/images/yh/jiantou.png" alt="">
								</div>
								<div class="left" style="justify-content: flex-end;"></div>
							</div>
							<div class="pc_cbtop">
								<div class="flex">
									<div class="VRELRka6V8vK1gNMRtTQ" @click="popup = true" v-if="mylist.length<=0">
										<div class="fleft">
											<img src="../../assets/images/img/icon_normal_pix.png" alt="">
											<span>PIX</span>
										</div>
										<div class="fright">
											<span>{{ $t('l_tianjia') }}</span>
											<i class="AYs7Rhk2xtvh5a4r0u7o"
												style="display: inline-flex; justify-content: center; align-items: center;">
												<svg viewBox="0 0 21.999 35.998" width="1em" height="1em"
													fill="currentColor" aria-hidden="true" focusable="false">
													<use xlink:href="/icons/icon.svg#comm_icon_fh--sprite"></use>
												</svg>
											</i>
										</div>
									</div>

									<!-- <div class="VRELRka6V8vK1gNMRtTQ" @click="popup = true">
										<div class="fleft">
											<img src="/icons/icon_szhb_xnb.png" alt="">
											<span>{{ $t('l_shuzihuobi') }}</span>
										</div>
										<div class="fright">
											<span>{{ $t('l_tianjia') }}</span>
											<i class="AYs7Rhk2xtvh5a4r0u7o"
												style="display: inline-flex; justify-content: center; align-items: center;">
												<svg viewBox="0 0 21.999 35.998" width="1em" height="1em"
													fill="currentColor" aria-hidden="true" focusable="false">
													<use xlink:href="/icons/icon.svg#comm_icon_fh--sprite"></use>
												</svg>
											</i>
										</div>
									</div>
									<div class="VRELRka6V8vK1gNMRtTQ" @click="popup1 = true">
										<div class="fleft">
											<img src="/icons/icon_bank_nromal.png" alt="">
											<span>{{ $t('l_yinhangkazhuanzhang') }}</span>
										</div>
										<div class="fright">
											<span>{{ $t('l_tianjia') }}</span>
											<i class="AYs7Rhk2xtvh5a4r0u7o"
												style="display: inline-flex; justify-content: center; align-items: center;">
												<svg viewBox="0 0 21.999 35.998" width="1em" height="1em"
													fill="currentColor" aria-hidden="true" focusable="false">
													<use xlink:href="/icons/icon.svg#comm_icon_fh--sprite"></use>
												</svg>
											</i>
										</div>
									</div> -->
								</div>
								<div class="regBox" v-if="popup">
									<div class="rbbox">
										<i aria-label="图标: close" class="close" @click="popup = false">
											<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
												viewBox="0 0 16 16" data-icon="close" fill="currentColor"
												aria-hidden="true" focusable="false" class="">
												<g id="comm_icon_x" transform="translate(-1209.5 -160.5)">
													<path id="Line_14" data-name="Line 14"
														d="M14,15a1,1,0,0,1-.707-.293l-14-14a1,1,0,0,1,0-1.414,1,1,0,0,1,1.414,0l14,14A1,1,0,0,1,14,15Z"
														transform="translate(1210.5 161.5)"></path>
													<path id="Line_15" data-name="Line 15"
														d="M0,15a1,1,0,0,1-.707-.293,1,1,0,0,1,0-1.414l14-14a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414l-14,14A1,1,0,0,1,0,15Z"
														transform="translate(1210.5 161.5)"></path>
												</g>
											</svg>
										</i>
										<div class="title">{{ $t('l_pix') }}</div>
										<div class="item1 item2">
											<div class="left2">
												<i class="anticon1" style="margin-top: -6px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_bzbh--sprite">
															</use>
														</svg>
													</i>
												</i>
											</div>
											<el-input v-model="name" :placeholder="$t('l_qingshuruxingming')" readonly/>
										</div>
										<div class="item1 item2">
											<div class="left2">
												<i class="anticon1" style="margin-top: -6px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_hb--sprite"></use>
														</svg>
													</i>
												</i>
											</div>
											<el-select v-model="fromData.type" popper-class="dropdown"
												:popper-append-to-body="false">
												<el-option v-for="item in banks" :key="item.bank_name"
													:label="item.bank_name" :value="item.bank_name" />
											</el-select>
										</div>
										<!-- <div class="item1 item2">
											<div class="left2">
												<i class="anticon1" style="margin-top: -6px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_bzbh--sprite">
															</use>
														</svg>
													</i>
												</i>
											</div>

											<el-select v-model="mp1" popper-class="dropdown"
												:popper-append-to-body="false">
												<el-option v-for="item in selectlist1" :key="item.value"
													:label="item.label" :value="item.value" />
											</el-select>
										</div> -->
										<div class="item1 item2" v-if="fromData.type!='CPF'">
											<div class="left2">
												<i class="anticon1" style="margin-top: -8px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_bank--sprite">
															</use>
														</svg>
													</i>
												</i>
											</div>
											<el-input v-model="input2" :placeholder="$t('l_srndpixzh')" />
										</div>
										<div class="item1 item2" >
											<div class="left2">
												<i class="anticon1" style="margin-top: -8px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_card--sprite">
															</use>
														</svg>
													</i>
												</i>
											</div>
											<el-input v-model="input" :placeholder="$t('l_srndpixzhhm')" />
										</div>
										<div style="font-size: 12px;color: #ffffff;margin-bottom: 10px;">
												{{ $t('l_srndpixzhts') }}
									</div>
										<div class="truebtn" @click="szhbSummit">{{ $t('l_queding') }}</div>
									
										<!-- <div class="item1 item2 item3" v-if="fromData.type == 1">
											<div class="left2">
												<i class="anticon1" style="margin-top: -8px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_card--sprite">
															</use>
														</svg>
													</i>
												</i>
											</div>
											<el-input v-model="fromData.bank_card"
												:placeholder="$t('l_shuruyinhangkahao')" />
										</div>
										<div class="item1 item2 item3" v-if="fromData.type == 1">
											<div class="left2">
												<i class="anticon1" style="margin-top: -8px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_bank--sprite">
															</use>
														</svg>
													</i>
												</i>
											</div>
											<el-input v-model="fromData.bank_id"
												:placeholder="$t('l_shoukuanyinghang')" />
										</div>
										<div class="item1 item2 item3" v-if="fromData.type == 1">
											<div class="left2">
												<i class="anticon1" style="margin-top: -6px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_dz--sprite"></use>
														</svg>
													</i>
												</i>
											</div>
											<el-input v-model="fromData.area" :placeholder="$t('l_shurukaihuhang')" />
										</div>
										<div class="tips" v-if="fromData.type == 1">{{ $t('l_heduixingmingkahao') }}</div>
										<div class="truebtn" style="margin-top: 23px;" @click="bankSave" v-if="fromData.type == 1">
											{{ $t('l_queding') }}</div> -->
									
									
									</div>
								</div>
								<div class="regBox" v-if="popup1">
									<div class="rbbox">
										<i aria-label="图标: close" class="close" @click="popup1 = false">
											<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
												viewBox="0 0 16 16" data-icon="close" fill="currentColor"
												aria-hidden="true" focusable="false" class="">
												<g id="comm_icon_x" transform="translate(-1209.5 -160.5)">
													<path id="Line_14" data-name="Line 14"
														d="M14,15a1,1,0,0,1-.707-.293l-14-14a1,1,0,0,1,0-1.414,1,1,0,0,1,1.414,0l14,14A1,1,0,0,1,14,15Z"
														transform="translate(1210.5 161.5)"></path>
													<path id="Line_15" data-name="Line 15"
														d="M0,15a1,1,0,0,1-.707-.293,1,1,0,0,1,0-1.414l14-14a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414l-14,14A1,1,0,0,1,0,15Z"
														transform="translate(1210.5 161.5)"></path>
												</g>
											</svg>
										</i>
										<div class="title">{{ $t('l_tianjiayinhangka') }}</div>
										<div class="item1 item2 item3">
											<div class="left2">
												<i class="anticon1" style="margin-top: -8px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_zm--sprite"></use>
														</svg>
													</i>
												</i>
											</div>
											<el-input v-model="fromData.name"
												:placeholder="$t('l_shuruzhenshixingming')" />
										</div>
										<div class="item1 item2 item3">
											<div class="left2">
												<i class="anticon1" style="margin-top: -8px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_card--sprite">
															</use>
														</svg>
													</i>
												</i>
											</div>
											<el-input v-model="fromData.bank_card"
												:placeholder="$t('l_shuruyinhangkahao')" />
										</div>
										<div class="item1 item2 item3">
											<div class="left2">
												<i class="anticon1" style="margin-top: -8px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_bank--sprite">
															</use>
														</svg>
													</i>
												</i>
											</div>
											<el-input v-model="fromData.bank_id"
												:placeholder="$t('l_shoukuanyinghang')" />
											<!-- <el-select v-model="fromData.bank_id" popper-class="dropdown"
												:popper-append-to-body="false">
												<el-option v-for="item in banks" :key="item.id" :label="item.name"
													:value="item.id">
													<div
														style="display: flex;justify-content: space-between;align-items: center;">
													
														<span>{{item.name}}</span>
													</div>
												</el-option>
											</el-select> -->
										</div>
										<div class="item1 item2 item3">
											<div class="left2">
												<i class="anticon1" style="margin-top: -6px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_dz--sprite"></use>
														</svg>
													</i>
												</i>
											</div>
											<el-input v-model="fromData.area" :placeholder="$t('l_shurukaihuhang')" />
										</div>
										<div class="tips">{{ $t('l_heduixingmingkahao') }}</div>
										<div class="truebtn" style="margin-top: 23px;" @click="bankSave">
											{{ $t('l_queding') }}</div>
									</div>
								</div>
								<div class="nn6wIpAkKKTREHoL7oe8">{{ $t('l_tixianzhanghu') }}<span>({{ mylist.length }} /
										1)</span></div>
								<ul>
									<li class="active" v-for="(item, index) in mylist" :key="index"
										style="margin-bottom: .2rem;" >
										<div class="left" @click="setBank(item)">
											<div class="iF8_fapSvlOlgo6gKh8B">
												<p class="L70xzpfkm_4TJMC8oCGl">{{ item.bank_name }}<span style="color: #fff;margin-left:5px;" v-if="item.bank_type_name!=''">{{item.bank_type_name }}</span></p>
												<p class="MasDeYVsdihDevMSAXqT">
													<span class="L4nwWM7zkf5xlWiyWfsb">{{ item.bank_card }}</span>
													<span class="PmwtECGo9wfGBMP0uy71" @click="copy(item.bank_card)">
														<i
															style="display: inline-flex; justify-content: center; align-items: center;">
															<svg viewBox="0 0 23.001 24.3" width="1em" height="1em"
																fill="currentColor" aria-hidden="true"
																focusable="false">
																<use
																	xlink:href="/icons/icon.svg#comm_icon_copy_european--sprite">
																</use>
															</svg>
														</i>
													</span>
												</p>
											</div>
										</div>

										<div style="display:flex;align-items: center;">
											<span @click="setBank(item)" style="font-size:14px;color:#fff;margin-right: 0.2rem;">{{ $t('l_xuanzhe') }}</span>
										<span @click="editshow()" style="font-size:14px;color:#fff;">{{ $t('l_bianji') }}</span>
										</div>


									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</el-col>
			<el-col :ms="0" :xs="24">
				<div style="min-height: 100vh;background-color:var(--theme-bg-color);">
					<navHeader :title="$t('l_guanlizhanghu')"></navHeader>

					<div class="con">
						<div class="conbox">
							<div class="cb">
								<div class="cbtop">
									<div class="nn6wIpAkKKTREHoL7oe8">{{ $t('l_tixianzhanghu') }}<span>({{ mylist.length }}
											/ 1)</span></div>
									<!-- <span class="mqnrIEZOqRD2uTnElFDl" @click="showhide = !showhide">
										<i v-if="showhide" style="display: inline-flex; justify-content: center; align-items: center;">
											<svg viewBox="0 0 26 21.514" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false">
												<use xlink:href="/icons/icon.svg#comm_icon_hide--sprite"></use>
											</svg>
										</i>
										<i v-else class="active" style="display: inline-flex; justify-content: center; align-items: center;">
											<svg viewBox="0 0 26 21.514" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false">
												<use xlink:href="/icons/icon.svg#comm_icon_show--sprite"></use>
											</svg>
										</i>
										<span v-if="showhide">隐藏</span>
										<span v-else>显示</span>
									</span> -->
								</div>
								<ul>
									<li class="active" v-for="(item, index) in mylist" :key="index"
										style="margin-bottom: .2rem;" >
										<div class="left" >
											<div class="iF8_fapSvlOlgo6gKh8B" @click="setBank(item)">
												<p class="L70xzpfkm_4TJMC8oCGl">PIX({{ item.bank_name }}) <span style="color: #fff;margin-left: 0.1rem;" v-if="item.bank_type_name!=''">{{item.bank_type_name }}</span></p>
												
												<p class="MasDeYVsdihDevMSAXqT">
													
													<span class="L4nwWM7zkf5xlWiyWfsb">{{ item.bank_card }}</span>
													<span class="PmwtECGo9wfGBMP0uy71" @click="copy(item.bank_card)">
														<i
															style="display: inline-flex; justify-content: center; align-items: center;">
															<svg viewBox="0 0 23.001 24.3" width="1em" height="1em"
																fill="currentColor" aria-hidden="true"
																focusable="false">
																<use
																	xlink:href="/icons/icon.svg#comm_icon_copy_european--sprite">
																</use>
															</svg>
														</i>
													</span>
												</p>
											</div>
										
										</div>
										<div style="display:flex;align-items: center;">
											<span @click="setBank(item)" style="font-size:0.22rem;color:#fff;margin-right: 0.2rem;">{{ $t('l_xuanzhe') }}</span>
										<span @click="editshow()" style="font-size:0.22rem;color:#fff;">{{ $t('l_bianji') }}</span>
										</div>
										<!-- <div class="_ojhUxKWGyFdJIV2Lodx">
										
											<span>选择</span>
											<i class="gou" style="display: inline-flex; justify-content: center; align-items: center;">
												<svg viewBox="0 0 20 15" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false">
													<use xlink:href="/icons/icon.svg#comm_icon_gou--sprite"></use>
												</svg>
											</i>
											<i class="bg" style="display: inline-flex; justify-content: center; align-items: center;">
												<svg viewBox="0 0 28 28" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false">
													<use xlink:href="/icons/icon.svg#comm_img_corner--sprite"></use>
												</svg>
											</i>
										</div> -->
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="fixed">
						<!-- <div class="VRELRka6V8vK1gNMRtTQ" @click="popup = true">
							<div class="fleft">
								<img src="/icons/icon_szhb_xnb.png" alt="">
								<span>{{$t('l_shuzihuobi')}}</span>
							</div>
							<div class="fright">
								<span>{{$t('l_tianjia')}}</span>
								<i class="AYs7Rhk2xtvh5a4r0u7o"
									style="display: inline-flex; justify-content: center; align-items: center;">
									<svg viewBox="0 0 21.999 35.998" width="1em" height="1em" fill="currentColor"
										aria-hidden="true" focusable="false">
										<use xlink:href="/icons/icon.svg#comm_icon_fh--sprite"></use>
									</svg>
								</i>
							</div>
						</div> -->
						<div class="VRELRka6V8vK1gNMRtTQ" @click="popup = true" v-if="mylist.length<=0">
							<div class="fleft">
								<img src="../../assets/images/img/icon_normal_pix.png" alt="">
								<span>PIX</span>
							</div>
							<div class="fright">
								<span>{{ $t('l_tianjia') }}</span>
								<i class="AYs7Rhk2xtvh5a4r0u7o"
									style="display: inline-flex; justify-content: center; align-items: center;">
									<svg viewBox="0 0 21.999 35.998" width="1em" height="1em" fill="currentColor"
										aria-hidden="true" focusable="false">
										<use xlink:href="/icons/icon.svg#comm_icon_fh--sprite"></use>
									</svg>
								</i>
							</div>
						</div>
						<!-- <div class="VRELRka6V8vK1gNMRtTQ" @click="popup = true,fromData.type=4">
							<div class="fleft">
								<img src="/icons/icon_szhb_xnb.png" alt="">
								<span>USDT</span>
							</div>
							<div class="fright"> 
								<span>{{ $t('l_tianjia') }}</span>
								<i class="AYs7Rhk2xtvh5a4r0u7o" style="display: inline-flex; justify-content: center; align-items: center;">
									<svg viewBox="0 0 21.999 35.998" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false">
										<use xlink:href="/icons/icon.svg#comm_icon_fh--sprite"></use>
									</svg>
								</i>
							</div>
						</div>
						<div class="VRELRka6V8vK1gNMRtTQ" @click="popup = true,fromData.type=2">
							<div class="fleft">
								<img src="/icons/icon_szhb_xnb.png" alt="">
								<span>{{ $t('l_zhuanshukuai') }}</span>
							</div>
							<div class="fright"> 
								<span>{{ $t('l_tianjia') }}</span>
								<i class="AYs7Rhk2xtvh5a4r0u7o" style="display: inline-flex; justify-content: center; align-items: center;">
									<svg viewBox="0 0 21.999 35.998" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false">
										<use xlink:href="/icons/icon.svg#comm_icon_fh--sprite"></use>
									</svg>
								</i>
							</div>
						</div>
						<div class="VRELRka6V8vK1gNMRtTQ" @click="popup = true,fromData.type=3">
							<div class="fleft">
								<img src="/icons/icon_szhb_xnb.png" alt="">
								<span>{{ $t('l_zhuanshukuai') }}ID</span>
							</div>
							<div class="fright"> 
								<span>{{ $t('l_tianjia') }}</span>
								<i class="AYs7Rhk2xtvh5a4r0u7o" style="display: inline-flex; justify-content: center; align-items: center;">
									<svg viewBox="0 0 21.999 35.998" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false">
										<use xlink:href="/icons/icon.svg#comm_icon_fh--sprite"></use>
									</svg>
								</i>
							</div>
						</div>
						<div class="VRELRka6V8vK1gNMRtTQ" @click="popup1 = true,fromData.type=1;">
							<div class="fleft">
								<img src="/icons/icon_bank_nromal.png" alt="">
								<span>{{$t('l_yinhangkazhuanzhang')}}</span>
							</div>
							<div class="fright">
								<span>{{$t('l_tianjia')}}</span>
								<i class="AYs7Rhk2xtvh5a4r0u7o"
									style="display: inline-flex; justify-content: center; align-items: center;">
									<svg viewBox="0 0 21.999 35.998" width="1em" height="1em" fill="currentColor"
										aria-hidden="true" focusable="false">
										<use xlink:href="/icons/icon.svg#comm_icon_fh--sprite"></use>
									</svg>
								</i>
							</div>
						</div> -->
					</div>
					<div class="zzc" v-if="popup">
						<div class="zzcbox zzcbox1">
							<div class="zzccon">
								<div class="closebtn" @click="popup = false">
									<div class="ant-modal-close-x">
										<i aria-label="图标: close" class="anticon anticon-close ant-modal-close-icon">
											<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
												viewBox="0 0 16 16" data-icon="close" fill="currentColor"
												aria-hidden="true" focusable="false" class="">
												<g id="comm_icon_x" transform="translate(-1209.5 -160.5)">
													<path id="Line_14" data-name="Line 14"
														d="M14,15a1,1,0,0,1-.707-.293l-14-14a1,1,0,0,1,0-1.414,1,1,0,0,1,1.414,0l14,14A1,1,0,0,1,14,15Z"
														transform="translate(1210.5 161.5)"></path>
													<path id="Line_15" data-name="Line 15"
														d="M0,15a1,1,0,0,1-.707-.293,1,1,0,0,1,0-1.414l14-14a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414l-14,14A1,1,0,0,1,0,15Z"
														transform="translate(1210.5 161.5)"></path>
												</g>
											</svg>
										</i>
									</div>
								</div>
								<div class="ant-modal-title">{{ $t('l_pix') }}</div>
								<div v-if="step == 0">
									<div class="text">{{ $t('l_yanzhengtixianmima') }}</div>
									<div class="Ou1aviPriFX421w97dGA">
										<div>{{ $t('l_tixianmima') }}</div>
										<span class="R1tVtJPfBJA944lSRyyP" v-if="mask" @click="mask = !mask">
											<i class="M2AXg2u2tA9h8un7RCbH"
												style="display: inline-flex; justify-content: center; align-items: center;">
												<svg viewBox="0 0 26 21.514" width="1em" height="1em"
													fill="currentColor" aria-hidden="true" focusable="false">
													<use xlink:href="/icons/icon.svg#comm_icon_hide--sprite"></use>
												</svg>
											</i>
										</span>
										<span class="R1tVtJPfBJA944lSRyyP" v-if="!mask" @click="mask = !mask">
											<i class="MOFLcj7nVRZHKLivuWpP"
												style="display: inline-flex; justify-content: center; align-items: center;">
												<svg viewBox="0 0 26 21.514" width="1em" height="1em"
													fill="currentColor" aria-hidden="true" focusable="false">
													<use xlink:href="/icons/icon.svg#comm_icon_show--sprite"></use>
												</svg>
											</i>
										</span>
									</div>
									<!-- 密码输入框 -->
									<van-password-input :value="value" :mask="mask" :info="$t('l_mimaliuwei')"
										:focused="showKeyboard" @focus="showKeyboard = true" />
									<!-- 数字键盘 -->
									<van-number-keyboard v-model="value" :show="showKeyboard"
										@blur="showKeyboard = false" />
									<div class="more" @click="zzc = true">{{ $t('l_qitayanzheng') }}</div>
									<div class="orkXHvtNM5R_5twq6l5I" @click="step = 1">
										<div class="baocun">{{ $t('l_xiayibu') }}</div>
									</div>
								</div>

								<div v-if="step == 1" style="padding: 0.4rem 0.2rem 0.2rem;width: 100%;">

									<!-- <div class="item1 item2">
										<div class="left2">
											<i class="anticon1" style="margin-top: -6px;">
												<i
													style="display: inline-flex; justify-content: center; align-items: center;">
													<svg viewBox="0 0 13.792 23" width="1em" height="1em"
														fill="currentColor" aria-hidden="true" focusable="false">
														<use xlink:href="/icons/icon.svg#icon_dl_bzbh--sprite"></use>
													</svg>
												</i>
											</i>
										</div>
										<el-select v-model="mp1" popper-class="dropdown" :popper-append-to-body="false">
											<el-option v-for="item in selectlist1" :key="item.value" :label="item.label"
												:value="item.value" />
										</el-select>
									</div> -->
									<div class="item1 item2" >
										<div class="left2">
											<i class="anticon1" style="margin-top: -6px;">
												<i
													style="display: inline-flex; justify-content: center; align-items: center;">
													<svg viewBox="0 0 13.792 23" width="1em" height="1em"
														fill="currentColor" aria-hidden="true" focusable="false">
														<use xlink:href="/icons/icon.svg#icon_dl_bzbh--sprite"></use>
													</svg>
												</i>
											</i>
										</div>
										<el-input v-model="name" :placeholder="$t('l_qingshuruxingming')" readonly />
									</div>
									<div class="item1 item2" style="">
							
										<div class="left2">
											<i class="anticon1" style="margin-top: -6px;">
												<i
													style="display: inline-flex; justify-content: center; align-items: center;">
													<svg viewBox="0 0 13.792 23" width="1em" height="1em"
														fill="currentColor" aria-hidden="true" focusable="false">
														<use xlink:href="/icons/icon.svg#icon_dl_hb--sprite"></use>
													</svg>
												</i>
											</i>
										</div>
										<el-select v-model="fromData.type" popper-class="dropdown"
											:popper-append-to-body="false">
											<el-option v-for="item in banks" :key="item.label" :label="item.bank_name"
												:value="item.bank_name" />


										</el-select>
										<i data-v-6cf8b090=""
											style="display: inline-flex; justify-content: center; align-items: center;color:#fff;margin-right: 0.2rem;"><svg
												data-v-6cf8b090="" viewBox="0 0 12 7" width="0.8em" height="0.8em"
												fill="currentColor" aria-hidden="true" focusable="false">
												<use data-v-6cf8b090=""
													xlink:href="/icons/icon.svg#comm_icon_sort--sprite"></use>
											</svg></i>
										<!-- <i class="AYs7Rhk2xtvh5a4r0u7o"
											style="display: inline-flex; justify-content: center; align-items: center;">
											<svg viewBox="0 0 21.999 35.998" width="1em" height="1em"
												fill="currentColor" aria-hidden="true" focusable="false">
												<use xlink:href="/icons/icon.svg#comm_icon_sort--sprite"></use>
											</svg>
										</i> -->
									</div>
									<div class="item1 item2"  v-if="fromData.type!='CPF'">
										<div class="left2">
											
											<i class="anticon1" style="margin-top: -8px;">
												<i
													style="display: inline-flex; justify-content: center; align-items: center;">
													<svg viewBox="0 0 13.792 23" width="1em" height="1em"
														fill="currentColor" aria-hidden="true" focusable="false">
														<use xlink:href="/icons/icon.svg#icon_dl_bank--sprite">
														</use>
													</svg>
												</i>
											</i>
									</div>
										<el-input v-model="input2" :placeholder="$t('l_srndpixzh')" />
									</div>
									<div class="item1 item2" style="" >
										<div class="left2">
											
												<i class="anticon1" style="margin-top: -8px;">
													<i
														style="display: inline-flex; justify-content: center; align-items: center;">
														<svg viewBox="0 0 13.792 23" width="1em" height="1em"
															fill="currentColor" aria-hidden="true" focusable="false">
															<use xlink:href="/icons/icon.svg#icon_dl_card--sprite">
															</use>
														</svg>
													</i>
												</i>
										</div>
										<el-input v-model="input" :placeholder="$t('l_srndpixzhhm')" />
									</div>
									<div style="font-size: 0.2rem;color: #ffffff;margin-bottom: 0.5rem;">
												{{ $t('l_srndpixzhts') }}
									</div>

							
									<div class="truebtn" @click="szhbSummit">{{ $t('l_queding') }}
									</div>
										<!-- 暂时不用 -->
									<!-- <div class="item1 item2" v-if="fromData.type == 1">
										<div class="left2">
											<i class="anticon1" style="margin-top: -6px;">
												<i
													style="display: inline-flex; justify-content: center; align-items: center;">
													<svg viewBox="0 0 13.792 23" width="1em" height="1em"
														fill="currentColor" aria-hidden="true" focusable="false">
														<use xlink:href="/icons/icon.svg#icon_dl_card--sprite"></use>
													</svg>
												</i>
											</i>
										</div>
										<el-input v-model="fromData.bank_card"
											:placeholder="$t('l_shuruyinhangkahao')" />
									</div>
									<div class="item1 item2" v-if="fromData.type == 1">
										<div class="left2">
											<i class="anticon1" style="margin-top: -6px;">
												<i
													style="display: inline-flex; justify-content: center; align-items: center;">
													<svg viewBox="0 0 13.792 23" width="1em" height="1em"
														fill="currentColor" aria-hidden="true" focusable="false">
														<use xlink:href="/icons/icon.svg#icon_dl_bank--sprite"></use>
													</svg>
												</i>
											</i>
										</div>
										<el-input v-model="fromData.bank_id" :placeholder="$t('l_shoukuanyinghang')" />
									</div>
									<div class="tips" v-if="fromData.type == 1">{{ $t('l_heduixingmingkahao') }}</div>
									<diV class="truebtn" style="margin-top: 0.3rem;" @click="bankSave"
										v-if="fromData.type == 1">{{ $t('l_queding') }}
									</div> -->


								</div>
							</div>
						</div>
					</div>
					<div class="zzc" v-show="zzc">
						<div class="zzcbox">
							<div class="zzccon">
								<div class="zzctext">{{ $t('l_qitayanzheng') }}</div>
								<div class="zzccon1">
									<div class="zzccon1box">
										<i class="anticon">
											<i aria-hidden="true" focusable="false"></i>
										</i>
										<span>{{ $t('l_yanzhengtixianmima') }}</span>
									</div>
								</div>
								<div class="zzctext2">{{ $t('l_fangfabukeyong') }}<span>{{ $t('l_lianxikefu') }}</span>
								</div>
								<img @click="zzc = false" class="closeIcon"
									src="../../assets/images/yh/main.f9fa3765529e3b5b42fa.png" alt="">
							</div>
						</div>
					</div>
					<div class="zzc" v-if="popup1">
						<div class="zzcbox zzcbox1" style="height: 382px;">
							<div class="zzccon">
								<div class="closebtn" @click="popup1 = false">
									<div class="ant-modal-close-x">
										<i aria-label="图标: close" class="anticon anticon-close ant-modal-close-icon">
											<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
												viewBox="0 0 16 16" data-icon="close" fill="currentColor"
												aria-hidden="true" focusable="false" class="">
												<g id="comm_icon_x" transform="translate(-1209.5 -160.5)">
													<path id="Line_14" data-name="Line 14"
														d="M14,15a1,1,0,0,1-.707-.293l-14-14a1,1,0,0,1,0-1.414,1,1,0,0,1,1.414,0l14,14A1,1,0,0,1,14,15Z"
														transform="translate(1210.5 161.5)"></path>
													<path id="Line_15" data-name="Line 15"
														d="M0,15a1,1,0,0,1-.707-.293,1,1,0,0,1,0-1.414l14-14a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414l-14,14A1,1,0,0,1,0,15Z"
														transform="translate(1210.5 161.5)"></path>
												</g>
											</svg>
										</i>
									</div>
								</div>
								<div class="ant-modal-title" style="margin-bottom: 20px;">{{ $t('l_tianjiayinhangka') }}
								</div>
								<div class="item1 item2">
									<div class="left2">
										<i class="anticon1" style="margin-top: -6px;">
											<i
												style="display: inline-flex; justify-content: center; align-items: center;">
												<svg viewBox="0 0 13.792 23" width="1em" height="1em"
													fill="currentColor" aria-hidden="true" focusable="false">
													<use xlink:href="/icons/icon.svg#icon_dl_zm--sprite"></use>
												</svg>
											</i>
										</i>
									</div>
									<el-input v-model="fromData.name" :placeholder="$t('l_shuruzhenshixingming')" />
								</div>
								<div class="item1 item2">
									<div class="left2">
										<i class="anticon1" style="margin-top: -6px;">
											<i
												style="display: inline-flex; justify-content: center; align-items: center;">
												<svg viewBox="0 0 13.792 23" width="1em" height="1em"
													fill="currentColor" aria-hidden="true" focusable="false">
													<use xlink:href="/icons/icon.svg#icon_dl_card--sprite"></use>
												</svg>
											</i>
										</i>
									</div>
									<el-input v-model="fromData.bank_card" :placeholder="$t('l_shuruyinhangkahao')" />
								</div>
								<div class="item1 item2">
									<div class="left2">
										<i class="anticon1" style="margin-top: -6px;">
											<i
												style="display: inline-flex; justify-content: center; align-items: center;">
												<svg viewBox="0 0 13.792 23" width="1em" height="1em"
													fill="currentColor" aria-hidden="true" focusable="false">
													<use xlink:href="/icons/icon.svg#icon_dl_bank--sprite"></use>
												</svg>
											</i>
										</i>
									</div>
									<el-input v-model="fromData.bank_id" :placeholder="$t('l_shoukuanyinghang')" />
									<!-- <el-select v-model="fromData.bank_id" popper-class="dropdown"
										:popper-append-to-body="false">
										<el-option v-for="item in banks" :key="item.id" :label="item.name"
											:value="item.name">
								
											<div
												style="display: flex;justify-content: space-between;align-items: center;">
												<span>{{item.name}}</span>
											</div>
										</el-option>
									</el-select> -->
								</div>
								<!-- <div class="item1 item2">
									<div class="left2">
										<i class="anticon1" style="margin-top: -6px;">
											<i
												style="display: inline-flex; justify-content: center; align-items: center;">
												<svg viewBox="0 0 13.792 23" width="1em" height="1em"
													fill="currentColor" aria-hidden="true" focusable="false">
													<use xlink:href="/icons/icon.svg#icon_dl_dz--sprite"></use>
												</svg>
											</i>
										</i>
									</div>
									<el-input v-model="fromData.area" :placeholder="$t('l_shurukaihuhang')" />
								</div> -->
								<div class="tips">{{ $t('l_heduixingmingkahao') }}</div>
								<div class="truebtn" style="margin-top: 0.3rem;" @click="bankSave">{{ $t('l_queding') }}
								</div>

							</div>
						</div>
					</div>
				</div>
			</el-col>
		</el-row>
	</div>
</template>

<script>
import navHeader from '../../components/navHeader.vue'
import PcHedaer from '../../components/pcheader.vue'
import PcDrawer from '../../components/pcdrawer.vue'
export default {
	components: {
		navHeader,
		PcHedaer,
		PcDrawer
	},
	data() {
		return {
			showhide: true,

			popup: false,
			zzc: false,
			popup1: false,

			value: '',
			mask: true,
			showKeyboard: false,

			step: 1,

			mp: '0',
			selectlist2: [
			],
			selectlist: [
				{
					value: '4',
					label: 'USDT',
				},
				{
					value: '2',
					label: this.$t('l_zhuanshukuai'),
				},
				{
					value: '3',
					label: this.$t('l_zhuanshukuai') + 'ID',
				},
				{
					value: '1',
					label: this.$t('l_yinhangkazhuanzhang'),
				}
			],
			mp1: '1000',
			selectlist1: [{
				value: '1000',
				label: 'TRC-20',
			},
			{
				value: '1001',
				label: 'ERC-20',
			}
			],
			input: '',
			input2:'',

			name: '',
			bank: '',
			area: '',
			mp2: '0',
			banks: [],
			mylist: [],
			fromData: {
				name: '',
				bank_card: '',
				bank_id: '',
				area: '',
				type: 'CPF',
				bank_hang: '',
				bank_name:'',
			},


			navs: [{
				id: 0,
				name: this.$t('l_remen'),
				key: 'icon_game_menu_active_0',
			},
			{
				id: 2,
				name: this.$t('l_dianzi'),
				key: 'icon_game_menu_active_3',
			},
			{
				id: 7,
				name: this.$t('l_qipai'),
				key: 'icon_game_menu_active_1',
			},
			{
				id: 6,
				name: this.$t('l_buyu'),
				key: 'icon_game_menu_active_2',
			},
			{
				id: 1,
				name: this.$t('l_zhenren'),
				key: 'icon_game_menu_active_4',
			},
			{
				id: 4,
				name: this.$t('l_tiyu'),
				key: 'icon_game_menu_active_5',
			},
			{
				id: 3,
				name: this.$t('l_caipiao'),
				key: 'icon_game_menu_active_8',
			},

			{
				id: -2,
				name: this.$t('l_zuijin'),
				key: 'icon_game_menu_active_100',
			},
			// {
			// 	id: -3,
			// 	name: '收 藏',
			// 	key: 'icon_game_menu_active_101',
			// },
			{
				id: -4,
				name: this.$t('l_sousuo'),
				key: 'comm_icon_ss',
			},
			],
			navIndex1: 0,
			userInfo: {}
		}
	},
	created() {
		this.bankUserList()
		this.bankList()
		this.reloadUserInfo()
	},
	methods: {
		editshow(){
					this.popup=true;
		},
		back1() {
			this.$router.go(-1)

		},
		openMenus() {
			this.$refs.pcDrawer.openMenus()
		},
		closeMenus() {
			this.$refs.pcDrawer.closeMenus()
		},
		changeNav1(item) {
			this.$router.push('/')
		},
		async copy(text) {
			try {
				await navigator.clipboard.writeText(text);
				this.$message.success(this.$t('l_fuzhichenggong'))
				/* Resolved - 文本被成功复制到剪贴板 */
			} catch (err) {
				this.$message.success(this.$t('l_fuzhishibai'))
				console.error('Failed to copy: ', err);
				/* Rejected - 文本未被复制到剪贴板 */
			}
		},
		bankUserList() {
			const loading = this.$loading({
				lock: true,
				text: 'Loading',
				spinner: 'el-icon-loading',
				background: 'rgba(0, 0, 0, 0.7)'
			});
			this.$api.bankUserList({}, (res) => {
				loading.close()
				if (res.code == 0) {
					this.mylist = res.data
				} else {
					this.$message.error(res.msg);
				}
			})
		},
		szhbSummit() {
			this.fromData.name = this.name
			this.fromData.bank_card = this.input
			this.fromData.bank_name = this.input2
			this.fromData.bank_id = this.mp1
			this.bankSave()
		},
		bankSave() {
			if (!this.fromData.bank_card) {
				return this.$message.error(this.$t('l_shujubunengkong'));
			}
			if (!this.fromData.bank_id) {
				return this.$message.error(this.$t('l_xuanzeyinhang'));
			}
			const loading = this.$loading({
				lock: true,
				text: 'Loading',
				spinner: 'el-icon-loading',
				background: 'rgba(0, 0, 0, 0.7)'
			});
			console.log(this.fromData.type,'this.fromData.type')
			// if(this.fromData.type=='USDT'){
			// 	this.fromData.type=4
			// }
			// console.log(this.fromData.type,'this.fromData.type')
			this.fromData.name = this.name
			this.$api.bankSave(this.fromData, (res) => {
				loading.close()
				if (res.code == 0) {
					this.bankUserList()
					this.popup = false
					this.popup1 = false

					// this.fromData = {
					// 	// name:'',
					// 	bank_name:'',
					// 	bank_card: '',
					// 	bank_id: '',
					// 	area: '',
					// 	type: 'CPF',
					// 	bank_hang: ''
					// },
					// 	this.input = ''


					// this.name = ''
					this.$message.success(this.$t('l_caozuochenggong'));
				} else {
					this.$message.error(res.msg);
				}
			})
		},
		reloadUserInfo(reload = false) {
			const loading = this.$loading({
				lock: true,
				text: 'Loading',
				spinner: 'el-icon-loading',
				background: 'rgba(0, 0, 0, 0.7)'
			});
			this.$api.userGetUserInfo({
				reload: reload ? 1 : 0
			}, (res) => {
				loading.close()
				if (res.code == 0) {
					this.userInfo = res.data
					this.name = res.data.real_name
					this.input=res.data.pix_number!=null?res.data.pix_number:''
					this.input2=res.data.pix_name!=null?res.data.pix_name:''
					this.fromData.type=res.data.pix_type!=null?res.data.pix_type:''
					localStorage.setItem('userInfo', JSON.stringify(res.data))
					if (this.userInfo.pay_password != 1) {
						this.$router.push('./security?set=1')
					}
				} else {
					this.$message.error(res.msg);
				}
			})
		},
		bankList() {
			const loading = this.$loading({
				lock: true,
				text: 'Loading',
				spinner: 'el-icon-loading',
				background: 'rgba(0, 0, 0, 0.7)'
			});
			this.$api.bankList({}, (res) => {
				loading.close()
				if (res.code == 0) {
					this.banks = res.data
					if (this.banks) {
						this.mp2 = this.banks[0].id
					}
				} else {
					this.$message.error(res.msg);
				}
			})
		},
		setBank(item) {
			localStorage.setItem('setbank', JSON.stringify(item))
			this.$router.go(-1)
		}
	}
}
</script>

<style scoped lang="less">
* {
	box-sizing: border-box;
}

.con {
	margin: 0.2rem;
	overflow: hidden;
	padding: 0.2rem;
	height: auto;
	max-height: 50%;
	// background-color: var(--theme-top-nav-bg);;
	background-color: var(--theme-main-bg-color);
	border-radius: 0.14rem;
	width: calc(100% - 0.4rem);
}

.conbox {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.cb {
	height: 100%;
	overflow-x: hidden;

	ul {
		height: 4rem;
		overflow-y: scroll;
	}
}

.cbtop {
	align-items: center;
	display: flex;
	justify-content: space-between;

}

.nn6wIpAkKKTREHoL7oe8 {
	margin-bottom: 0.2rem;
	font-size: .22rem;
	color: #ffffff;
	font-weight: 700;
	margin-top: 0.1rem;
}

.nn6wIpAkKKTREHoL7oe8 span {
	color: var(--theme-alt-neutral-2);
	font-weight: 400;
	margin-left: 0.06rem;
}

.mqnrIEZOqRD2uTnElFDl {
	align-items: center;
	color: var(--theme-primary-color);
	cursor: pointer;
	display: flex;
	justify-content: flex-end;
	font-size: .22rem;
}

.mqnrIEZOqRD2uTnElFDl i {
	font-size: .36rem;
	margin-right: 0.15rem;
	color: var(--theme-alt-neutral-2);
}

.mqnrIEZOqRD2uTnElFDl i.active {
	color: var(--theme-primary-color);
}

li {
	border-radius: 0.14rem;
	height: 0.8rem;
	margin-right: 0;
	padding: 0.1rem 0.2rem 0.1rem 0.1rem;
	width: 100%;
	align-items: center;
	display: flex;
	justify-content: space-between;
	position: relative;
}

li.active {
	border: thin solid var(--theme-color-line);
}

li:last-child {
	margin-bottom: 0;
}

li .left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

li .left img {
	width: 0.6rem;
	height: 0.6rem;
}

.iF8_fapSvlOlgo6gKh8B {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 0.2rem;
}

.L70xzpfkm_4TJMC8oCGl {
	color: #ffffff;
	font-size: .22rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.L70xzpfkm_4TJMC8oCGl span {
	margin-left: 0.04rem;
	color: var(--theme-alt-neutral-2);
}

.MasDeYVsdihDevMSAXqT {
	height: 17px;
	color: var(--theme-alt-neutral-2);
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.L4nwWM7zkf5xlWiyWfsb {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .22rem;
}

.PmwtECGo9wfGBMP0uy71 {
	color: var(--theme-text-color-lighten);
	margin-left: 0.1rem;
	margin-top: 0.02rem;
	font-size: .22rem;
}

._ojhUxKWGyFdJIV2Lodx {
	bottom: -0.01rem;
	display: block;
	height: 0.3rem;
	line-height: .3rem;
	overflow: hidden;
	position: absolute;
	right: -0.01rem;
	width: 0.3rem;
	margin: 0;
}

._ojhUxKWGyFdJIV2Lodx .gou {
	bottom: 0.04rem;
	color: #ffffff;
	height: 0.096rem;
	position: absolute;
	right: 0.04rem;
	width: 0.125rem;
}

._ojhUxKWGyFdJIV2Lodx .bg {
	color: var(--theme-color-line);
	height: 100%;
	width: 100%;
}

.fixed {
	// background-color: var(--theme-top-nav-bg);;
	border-radius: 0.14rem 0.14rem 0 0;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
	padding: 0.2rem;
	height: auto;
}

.VRELRka6V8vK1gNMRtTQ {
	border-radius: 0.14rem;
	height:1.2rem;
	margin-right: 0;
	padding: 0.1rem 0.2rem 0.1rem 0.1rem;
	width: 100%;
	align-items: center;
	background-color: var(--theme-main-bg-color);
	border: thin solid var(--theme-color-line);
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.2rem;
}

.VRELRka6V8vK1gNMRtTQ:last-child {
	margin-bottom: 0;
}

.fleft {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.fleft img {
	width: 0.8rem;
	height: 0.8rem;
}

.fleft span {
	color: #ffffff;
	margin-left: 0.2rem;
	font-size: .22rem;
}

.fright {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: .22rem;
}

.fright span {
	color: var(--theme-color-line);
}

.AYs7Rhk2xtvh5a4r0u7o {
	font-size: .26rem;
	transform: rotate(180deg);
	color: var(--theme-color-line);
	margin-left: 0.15rem;
}

.zzc {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 200;
	background-color: rgba(0, 0, 0, .55);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.zzcbox {
	width: 6rem;
	max-width: calc(100vw - 16px);
	color: rgba(0, 0, 0, .65);
	font-size: 14px;
	font-variant: tabular-nums;
	line-height: 1.5;
	list-style: none;
}

.zzcbox1 {
	width: 6.9rem;
	height: 300px;
}

.zzccon {
	// height: 100%;
	background-color: var(--theme-main-bg-color);
	border: 1px solid;
	border-color: var(--theme-color-line);
	border-radius: 0.2rem;
	position: relative;
	padding: 0.2rem 0.3rem 0.3rem !important;
}

.zzctext {
	font-weight: 700;
	color: #ffffff;
	font-size: .3rem !important;
	line-height: 1.4;
	text-align: center;
}

.zzccon1 {
	margin-top: 0.4rem;
	display: flex;
	justify-content: center;
	width: 100%;
}

.zzccon1box {
	border-radius: 0.14rem;
	height: 0.7rem;
	padding: 0.12rem 0.05rem 0.12rem 0.2rem;
	width: 2.6rem;
	align-items: center;
	border: 0.01rem solid var(--theme-color-line);
	display: flex;
	justify-content: space-between;
}

.anticon {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	color: inherit;
	display: inline-block;
	font-style: normal;
	line-height: 0;
	text-align: center;
	text-transform: none;
	vertical-align: -0.125em;
}

.anticon i {
	display: inline-block;
	position: relative;
	width: 0.46rem;
	height: 0.46rem;
	background-image: url('../../assets/images/yh/img.png');
	background-position: 0rem -2.254rem;
	background-size: 4.67667rem 4.416rem;
}

.zzccon1box span {
	font-size: .22rem;
	width: 1.84rem;
	color: var(--theme-text-color);
	line-height: 1.2;
	text-align: center;
}

.zzctext2 {
	color: var(--theme-alt-neutral-2);
	margin-top: 0.4rem;
	font-size: .22rem;
	text-align: center;
}

.zzctext2 span {
	color: var(--theme-primary-color);
}

.closeIcon {
	align-items: center;
	background: none;
	border-radius: 50%;
	bottom: -0.9rem;
	display: flex;
	height: 0.6rem;
	justify-content: center;
	margin-right: -0.3rem;
	position: absolute;
	right: 50%;
	top: auto;
	width: 0.6rem;
}

.closeIcon img {
	height: 100%;
	width: 100%;
}

.closebtn {
	background: transparent;
	border: 0;
	color: rgba(0, 0, 0, .45);
	cursor: pointer;
	font-weight: 700;
	line-height: 1;
	outline: 0;
	padding: 0;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	transition: color .3s;
	z-index: 10;
}

.ant-modal-close-x {
	font-size: .2rem;
	height: 0.6rem;
	line-height: .6rem;
	width: 0.6rem;
	color: var(--theme-text-color);
	text-align: center;
}

.ant-modal-title {
	border-bottom: none;
	border-radius: 0.2rem 0.2rem 0 0;
	padding: 0 0.3rem;
	padding-bottom: 0.2rem;
	font-size: .3rem;
	font-weight: 700;
	color: #ffffff;
	line-height: .34rem;
	text-align: center;
}

.text {
	font-size: .24rem;
	color: #ffffff;
	font-weight: 700;
	max-width: 2.6rem;
	text-align: left;
	margin-top: .4rem;
}

.Ou1aviPriFX421w97dGA {
	width: 100%;
	color: #ffffff;
	font-size: .22rem;
	height: 0.32rem;
	margin-bottom: 0.15rem;
	margin-top: 0.3rem;
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.R1tVtJPfBJA944lSRyyP {
	font-size: .36rem;
}

.M2AXg2u2tA9h8un7RCbH {
	color: var(--theme-color-line);
}

.MOFLcj7nVRZHKLivuWpP {
	color: var(--theme-primary-color);
}

/deep/ .van-password-input {
	margin: 0;
}

/deep/ .van-password-input__security li {
	background-color: var(--theme-top-nav-bg);
	;
	color: #fff;
}

/deep/ .van-password-input__security i {
	background-color: #fff;
}

/deep/ .van-password-input__info {
	margin-top: 0.1rem;
	color: #ea4e3d;
	font-size: .18rem;
	height: 0.4rem;
	line-height: 1;
	margin-bottom: -0.4rem;
	text-align: left;
}

.more {
	width: 100%;
	text-align: right;
	font-size: .22rem;
	color: var(--theme-primary-color);
	margin-top: 0.3rem;
}

.orkXHvtNM5R_5twq6l5I {
	align-items: center;
	background-color: var(--theme-top-nav-bg);
	;
	box-shadow: 0 -0.03rem 0.1rem 0 rgb(0 0 0 / 10%);
	display: flex;
	height: 1.3rem;
	justify-content: space-between;
	padding: 0 0.2rem;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: .4rem;
	z-index: 10;
}

.baocun {
	color: #ffffff;
	font-size: .24rem;
	height: 0.7rem;
	line-height: .7rem;
	text-align: center;
	width: 100%;
	border-radius: 0.14rem;
	background-color: var(--theme-main-bg-color);
	border-color: var(--theme-color-line) !important;
}

/deep/ .van-number-keyboard {
	z-index: 300;
}

.item1 {
	line-height: 1.5;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: var(--theme-main-bg-color);
	border-color: var(--theme-color-line) !important;
	border: 1px solid;
	border-radius: 0.14rem;
	height: 0.7rem;
	margin-bottom: 0.5rem;
}

.anticon1 {
	height: 0.25rem;
	width: 0.25rem;
	color: var(--theme-text-color-lighten);
	font-size: 12px;
}

/deep/ .el-input__inner {
	height: 0.5rem !important;
	border: 0;
	padding: 0 0.5rem !important;
	color: #fff !important;
}

.el-input {
	flex: 1;
	border-left: 1px solid var(--theme-color-line);
	padding-left: .2rem;
}

.left2 {
	width: 0.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.left2 svg {
	font-size: 18px;
}

.item2 .el-input {
	border-left: 0;
	padding-left: 0;
}

.item2 span {
	color: var(--theme-alt-neutral-2);
	font-size: .22rem;
	max-width: 1.8rem;
	margin-right: .2rem;
}

.el-select {
	flex: 1;
}

/deep/ .el-input__inner {
	height: 0.5rem !important;
	border: 0;
	padding: 0 !important;
	color: #fff !important;
}

/deep/.el-select .dropdown {
	background-color: var(--theme-top-nav-bg) !important;
	border-color: #293548 !important;
	color: #293548 !important;
}

/deep/.el-select .el-select-dropdown__item {
	color: #FFFFFF !important;
}

/deep/.el-select .popper__arrow {
	border-bottom-color: #293548 !important;
}

/deep/.el-select .el-popper .popper__arrow::after {
	border-bottom-color: #293548 !important;
}

/deep/.el-select .el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
	background-color: transparent;
	color: #005dfe !important;
}

.truebtn {
	width: 100%;
	font-size: .24rem;
	height: 0.7rem;
	background-color: var(--theme-primary-color);
	border-color: var(--theme-primary-color);
	border-radius: 0.14rem;
	line-height: 0.7rem;
	font-size: .24rem;
	color: #ffffff;
	text-align: center;
}

.tips {
	color: var(--theme-text-color-lighten);
	font-size: .2rem;
}

@media only screen and (min-width: 768px) {
	.el-col-xs-24 {
		display: none;
		width: 0%;
	}
}

.pc_conboxs {
	.pc_cbtop {
		overflow: hidden;
		padding: 16px;
		height: auto;
		background-color: var(--theme-top-nav-bg);
		;
		border-radius: 7px;
		width: 100%;
		margin-top: 16px;
	}

	.flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.VRELRka6V8vK1gNMRtTQ {
		border-radius: 7px;
		height: 65px;
		margin-right: 0;
		padding: 8px 8px 8px 16px;
		width: 47.5%;
		align-items: center;
		background-color: var(--theme-top-nav-bg);
		;
		border: thin solid var(--theme-color-line);
		display: flex;
		justify-content: space-between;
		margin-bottom: 0;
		cursor: pointer;
	}

	.fleft {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.fleft img {
		width: 49px;
		height: 49px;
	}

	.fleft span {
		color: #ffffff;
		margin-left: 16px;
		font-size: 14px;
	}

	.fright {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		font-size: 14px;
	}

	.fright span {
		color: var(--theme-color-line);
	}

	.AYs7Rhk2xtvh5a4r0u7o {
		font-size: 14px;
		transform: rotate(180deg);
		color: var(--theme-color-line);
		margin-left: 10px;
	}

	.nn6wIpAkKKTREHoL7oe8 {
		margin-bottom: 15px;
		font-size: 14px;
		color: #ffffff;
		font-weight: 700;
		margin-top: 15px;
	}

	.nn6wIpAkKKTREHoL7oe8 span {
		color: var(--theme-alt-neutral-2);
		font-weight: 400;
		margin-left: 5px;
	}

	li {
		border-radius: 7px;
		height: 65px;
		margin-right: 0;
		padding: 0.1rem 0.2rem 0.1rem 0.1rem;
		width: 47.5%;
		align-items: center;
		display: flex;
		justify-content: space-between;
		position: relative;
		margin-bottom: 15px;
	}

	li.active {
		border: thin solid var(--theme-color-line);
	}

	li .left {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	li .left img {
		width: 48px;
		height: 48px;
	}

	.iF8_fapSvlOlgo6gKh8B {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-left: 16px;
	}

	.L70xzpfkm_4TJMC8oCGl {
		color: #ffffff;
		font-size: 14px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.MasDeYVsdihDevMSAXqT {
		height: 21px;
		color: var(--theme-alt-neutral-2);
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.L4nwWM7zkf5xlWiyWfsb {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 14px;
	}

	.PmwtECGo9wfGBMP0uy71 {
		color: var(--theme-text-color-lighten);
		margin-left: 8px;
		margin-top: 2px;
		font-size: 14px;
	}
}

.regBox {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 997;
	display: flex;
	justify-content: center;
	align-items: center;

	.rbbox {
		width: 459px;
		background-color: var(--theme-top-nav-bg);
		;
		border: thin solid;
		border-color: var(--theme-color-line);
		border-radius: 10px;
		position: relative;
		padding: 0 23px 15px 23px;
	}

	.close {
		color: var(--theme-text-color);
		font-size: 12px;
		height: 44px;
		line-height: 44px;
		width: 44px;
		text-align: center;
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
	}

	.title {
		margin-top: 15px;
		margin-bottom: 31px;
		font-size: 17px;
		color: #fff;
		font-weight: 700;
		text-align: center;
	}

	.item1 {
		line-height: 1.5;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		background-color: var(--theme-main-bg-color);
		border-color: var(--theme-color-line) !important;
		border: 1px solid;
		border-radius: 7px;
		height: 40px;
		margin-bottom: 24px;
	}

	.anticon1 {
		height: 16px;
		width: 16px;
		color: var(--theme-text-color-lighten);
		font-size: 16px;
	}

	/deep/.el-input__inner {
		height: 38px !important;
		border: 0;
		padding: 0 !important;
		color: #fff !important;
	}

	/deep/.el-input {
		flex: 1;
	}

	.left2 {
		width: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.left2 svg {
		font-size: 18px;
	}

	.item3 .left2 svg {
		font-size: 22px;
	}

	.item2 .el-input {
		border-left: 0;
		padding-left: 0;
	}

	.el-select {
		flex: 1;

		li {
			height: 38px;
			margin-bottom: 0;
		}

		/deep/.el-input__inner {
			height: 38px !important;
			border: 0;
			padding: 0 !important;
			color: #fff !important;
		}

		/deep/.el-select .dropdown {
			background-color: var(--theme-top-nav-bg) !important;
			border-color: #293548 !important;
			color: #293548 !important;
		}

		/deep/.el-select .el-select-dropdown__item {
			color: #354358 !important;
		}

		/deep/.el-select .popper__arrow {
			border-bottom-color: #293548 !important;
		}

		/deep/.el-select .el-popper .popper__arrow::after {
			border-bottom-color: #293548 !important;
		}

		/deep/.el-select .el-select-dropdown__item.hover,
		.el-select-dropdown__item:hover {
			background-color: transparent;
			color: #005dfe !important;
		}

		/deep/.el-input__suffix {
			display: block !important;
			top: 5px !important;
			right: 8px !important;
		}

		/deep/.el-input__icon {
			width: 15px !important;
			line-height: 14px !important;
			font-size: 14px !important;
		}
	}

	.truebtn {
		width: 100%;
		font-size: 16px;
		height: 44px;
		background-color: var(--theme-primary-color);
		border-radius: 7px;
		line-height: 44px;
		color: #ffffff;
		text-align: center;
		cursor: pointer;
	}

	.tips {
		color: var(--theme-text-color-lighten);
		font-size: 12px;
	}
}
</style>